/**
 * 注册页面
 */

// 引入less
require('../css/register.less')

document.ready(function () {
  let captchaCode = ''; // 验证码

  /* 生成验证码 */
  const captchaDrawer = new CaptchaMini({ // 调用验证码函数
    lineNum: 8, //线条数量
  })
  // 调用方法 把验证码画出来
  captchaDrawer.draw(document.querySelector('#captcha'), function (code) {
    captchaCode = code // 把图片验证码保留起来
  })

  /* 注册的表单验证 */
  const hint = document.querySelector('#hint') // 提示信息
  const submitBtn = document.querySelector('#submitBtn') // 获取注册按钮
  const phoneNum = document.querySelector('#phoneNum') // 获取手机号
  const captchaNum = document.querySelector('#captchaNum') // 获取验证码
  const password = document.querySelector('#password') // 获取密码
  const passwordAgain = document.querySelector('#passwordAgain') // 获取确认密码

  submitBtn.addEventListener('click', function () {
    // 获取输入框的值
    const phoneNumVal = phoneNum.value // 手机号
    const captchaNumVal = captchaNum.value // 验证码
    const passwordVal = password.value // 密码
    const passwordAgainVal = passwordAgain.value // 确认密码

    console.log(passwordVal, passwordAgainVal)

    // 校验
    if (!window.utils.isPhoneNum(phoneNumVal)) {
      hint.textContent = "手机号不合法！"
      return
    } else if (captchaNumVal === '') {
      hint.textContent = "验证码不能为空1"
      return
    } else if (captchaNumVal.toLowerCase() !== captchaCode.toLowerCase()) {
      hint.textContent = "验证码错误！"
      return
    } else if (passwordVal === '') {
      hint.textContent = "密码不能为空！"
      return
    } else if (passwordAgainVal === '') {
      hint.textContent = "确认密码不能为空！"
      return
    } else if (passwordVal !== passwordAgainVal) {
      hint.textContent = "两次密码不一致！"
      return
    } else {
      hint.textContent = "" // 删除提示

      /* 发送注册的ajax给后端 */
      window.$http.post('users/add', {
        "account": phoneNumVal,
        "password": passwordVal
      }, function (res) {
        // 成功
        if (res.status === 0) {
          // window.location.href = './login.html' // 跳转到登录
          //注册成功自动登录
          //发送登录的ajax
          window.$http.post('users/login',{
            account: phoneNumVal,
            password: passwordVal
          },function(res){
            if(res.status===0){
                window.utils.showToast('succ','登录成功',2000);
                window.localStorage.setItem('userId',res.data.user.userId)
            setTimeout(function(){
              window.location.href="./home.html"//跳转到首页
            },2000)
            }else{
              window.utils.showToast('error',res.msg,2000);   
                // 失败
                hint.textContent = res.msg
            }
          })
        } 
      })

    }

  })

})